/*#######################################################

		Design by Stefan Melz
		Mail at info@stefanmelz.de

#######################################################*/

/*-----------
		Reset
-----------*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,
em,font,img,ins,kbd,q,s,samp,small,strike,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,
tbody,tfoot,thead,tr,th,td
{ margin:0; padding:0; border:0; outline:0; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit; }
table { border-collapse:collapse; border-spacing:0; }
caption,th,td { text-align:left; font-weight:normal; }
form legend { display:none; }
blockquote:before,blockquote:after,q:before,q:after { content:""; }
blockquote,q { quotes:; }
ol,ul { list-style:none; }
hr { display:none; visibility:hidden; }

/*---------------
		Elements
----------------*/
body,html { height:100%; font-size: 66%; }
body {font-family:arial, sans-serif; font-size:1.2em; line-height: 1.6em; color: #5f5f5f; }

a{color: #0265CB;}
a:hover{color: #c93;}

p{margin-bottom: 1.7em;}
h1 { color:#0265CB; font-family:Georgia,sans-serif; font-size:2.8em; line-height:1.5em; }
h2
{
    color:#c93;
    font-family:Georgia,Arial,sans-serif;
    font-size:1.8em;
    line-height: 1.3em;
    margin:0;
    padding:0;
    margin-bottom: 15px;
}
h3{color: #5f5f5f; font-size: 1em; font-family: arial,sans-serif; font-weight: 700;}
#left h3{color: #c93; font-size: 1em; font-family: arial,sans-serif;}
sup{font-size: .7em;}

#main ul{padding-left: 25px; margin-bottom: 15px;}
#main ul li{list-style-type: disc;}

/*table*/
table{ margin-top: 5px; margin-bottom: 15px;}
table tr{ border-bottom: 1px dotted #cacaca;}
table tr.row_last{ border-bottom: none;}
table td{padding:2px 0;vertical-align: top;}
table td.col_first{padding-right: 20px;}

/*form*/
.mod_login {}
.mod_login form { }
.mod_login fieldset { }
.mod_login legend { }
.mod_login label { display: block; margin-bottom: 0px;}
.mod_login input { margin-bottom: 9px; border: 1px solid #c93; padding: 3px 5px;}
.mod_login input[type=text] {}
.mod_login input[type=checkbox] { }
.mod_login input[type=submit] { background: #0265CB; color: #fff;}
.mod_login textarea { }

/*suche*/
#left h3{ margin-top: 15px;}
#left input{
    width: 150px;
    height: 20px;
    margin: 0;
    padding: 3px 25px 2px 3px;
    border: 1px solid #c93;
    color: #5f5f5f;
}
#left input.submit{
    width: 25px;
    height: 25px;
    text-indent: -9999px;
    padding: 0;
    background: url("../img/sortenfinder_pfeil.png") right top no-repeat;
    position: absolute;
    right:1px;
    border: none;
    margin-top: -26px;
    cursor: pointer;
}
/*autocompleter*/
ul.autocompleter-choices {
    position:absolute;
    overflow:hidden;
    margin:0 0 0 -1px;
    background-color:#fff;
    border:1px solid #DEDFE1;
    color:#7D7D7D;
    list-style-type:none;
    z-index: 50;
    width:180px!important;
    cursor: pointer;
}
.autocompleter-choices li{color: #c93; padding: 0 5px;}
.autocompleter-choices .autocompleter-selected{background: #0265CB; color: #fff;}
/*--------------------------
		layout
---------------------------*/
body{ background:url(../img/hintergrund.jpg) right bottom no-repeat fixed; padding: 0 20px;}
#wrapper { width:940px; margin:0; min-height:100%; padding-bottom: 20px; }
#header { float:left; width: 100%; margin-bottom:1px; }

/*headline*/
#header .mod_article { float:left; padding-top:32px; }
#header h1 { float:left; margin-right:7px; }

/*header*/
#header{ height: 105px; padding-top: 25px;}
#header .inside{float: left; width: 100%;}
#header .logo { position: absolute; right: 95px; top:-20px;}

/*languageswitcher*/
#header .mod_customnav { padding-top:26px; font-size:14px; width:150px; line-height:1em; }

/*content*/
#container { clear:both; position:relative;}
#left { width:180px; position: relative;}
#right{ width: 197px; background: rgb(255,255,255); background: rgba(255,255,255,.85); padding-bottom: 25px;}
#main { width:490px;margin-left:200px; padding: 20px; background: rgb(255,255,255); background:rgba(255,255,255,.85);}
#footer { clear:both; height:.1px; padding:0; margin:0; }

/*2 spalter*/
.two_cols #main{width: 700px; background: none; padding-top: 0;}
/*ausnahme mit hg*/
.two_cols.wbg #main{ background: rgb(255,255,255); background: rgba(255,255,255,.85); padding: 15px;}
/*startseite*/
.right-news-short #right{border: 1px solid #c93;}

/*3 Spalter (standard)*/
.three_columns #right{background: none;}

/*---------------------------
		Module
----------------------------*/

/*languageswitcher*/
#changelanguage{ position: absolute; top: -10px; left:0;}
#changelanguage ul{}
#changelanguage li{ float: left;}
#changelanguage li.first a,#changelanguage li.first span{ border-left: none;}
#changelanguage li a,#changelanguage li span{ padding: 0px 10px;border-left:1px solid #c93;}
#changelanguage li a{}
#changelanguage li span{ color: #c93;}

/*navigation*/
.mod_navigation > ul.level_1 { list-style:none; font-size:1em; margin:0; padding:0;}
.mod_navigation .level_1 > li { background-color:#c93; color:#FFFFFF; line-height:1.5em; margin:0 0 5px;}
.mod_navigation .level_1 > li.last { margin-bottom: 0;}
.mod_navigation .level_1 > li > a,
.mod_navigation .level_1 > li > span { color:#FFFFFF; text-transform:uppercase; text-decoration:none; display:block;  padding:6px 5px 4px 5px;}
.mod_navigation .level_1 > li.active,
.mod_navigation .level_1 > li.trail{ background:#0265CB; }
.mod_navigation .level_1 > li:hover { background:#D8A454; }
.mod_navigation .level_1 > li.active:hover,
.mod_navigation .level_1 > li.trail:hover{ background:#0265CB; }
/*level 2*/
.mod_navigation .level_2 { border:1px solid #c93; border-top:none;}
.mod_navigation .level_2 li { background-color:#fff; padding: 0 5px; }
.mod_navigation .level_2 li.first {padding-top: 5px;}
.mod_navigation .level_2 li.last {padding-bottom: 5px;}
.mod_navigation .level_2 li.last > a,
.mod_navigation .level_2 li.last > span{border-bottom: none;}
.mod_navigation .level_2 li a,
.mod_navigation .level_2 li span{ color: #c93; text-decoration: none; padding: 4px 0; border-bottom: 1px solid #cacaca; display: block;}
.mod_navigation .level_2 > li > span,
.mod_navigation .level_2 > li.trail > a{ font-weight: 700;}
.mod_navigation .level_2 li > span,
.mod_navigation .level_2 li:hover > a,
.mod_navigation .level_2 li.trail > a{color: #0265cb;}
/*level 3*/
.mod_navigation .level_3 { border-bottom: 1px solid #cacaca;}
.mod_navigation .level_3 > li { font-size: .9em; line-height: 1.3em; padding-left: 10px;}
.mod_navigation .level_3 > li.first { margin-top: 3px;}
.mod_navigation .level_3 > li.last {margin-bottom: 3px;}
.mod_navigation .level_3 li a {border-bottom: 1px dotted #cacaca;}
.mod_navigation .level_3 li span {border-bottom: 1px dotted #cacaca;}
.mod_navigation .level_3 li.last a,
.mod_navigation .level_3 li.last span{border-bottom: none;}

.pagination {}
#right .pagination { padding: 0 10px;}
.pagination p{margin-bottom: 5px;}
.pagination ul { list-style-type: none; padding-left: 0!important; float: left;}
.pagination li { float:left; margin-right:2px; margin-bottom:2px;background-color:#c93; list-style-type: none!important;}
.pagination li:hover{ background:#D8A454; }
.pagination a,.pagination span { display:block; padding:2px 4px; border:1px solid #c93; color:#fff; text-decoration:none; }
.pagination span { background:#0265CB; color:#fff; border-color:#0265CB;}

.news_short{ font-size: .8em;}
.news_short > h2
{
    font-family: arial;
    background-color:#c93;
    color:#FFFFFF;
    line-height:1.5em;
    margin:0 0 6px;
    text-transform:uppercase;
    padding:6px 0 4px 0;
    font-size: 1.2em;
    text-align: center;
}
.layout_short { padding: 0 10px;margin-bottom: 10px;}
.layout_short h2
{
    font-size: 1.1em;
    line-height: 1.3em;
    color: #c93;
    margin-bottom: 5px;
}
.layout_short h2 a{ color: #c93; text-decoration: none;font-family: arial;}
.layout_short .teaser p{margin-bottom: 0; line-height: 1.4em;}
.layout_short .more {margin-bottom: 5px;border-bottom: 1px solid #CACACA;padding-bottom: 10px;}
.layout_short .more a{ color: #0265CB;}
.layout_short .more a:hover{ color: #c93;}

/*news latest*/
.layout_latest {margin-bottom: 10px;}
.layout_latest h2{ font-size: 1.4em; line-height: 1.4em; color: #c93;}
.layout_latest h2 a{ color: #c93; text-decoration: none;}
.layout_latest .teaser p{margin-bottom: 0;}
.layout_latest .more {margin-bottom: 10px;}
.layout_latest .more a{ color: #0265CB;}
.layout_latest .more a:hover{ color: #c93;}

/*glaerie*/
.ce_gallery tr{border-bottom: none;}
/*------------------------------
		Content
-------------------------------*/
/*diverses*/
.caption{
    font-size: .9em;
    line-height: 1.2em;
    color: #5f5f5f;
    padding: 5px 0;
    border-bottom: 1px solid #cacaca;
}
.col2_sortenfinder_titel { color:#c93; font-size:10px; padding-top:29px; }
.col2_sortenfinder_form{ border:1px solid #c93; color:#c93; font-size:14px; height:26px; position:relative; width:186px; }
.col2_sorten_input
{
    background-color:transparent;
    border:medium none;
    color:#000000;
    display:inline;
    font-size:10px;
    left:3px;
    position:relative;
    top:5px;
    vertical-align:top;
    width:153px;
}
.col2_sorten_submit
{
    background-color:transparent;
    border:medium none;
    color:#000000;
    display:inline;
    font-size:10px;
    height:26px;
    position:absolute;
    right:0;
    top:0;
    vertical-align:top;
    width:25px;
}

/*zuchtprogramme*/
table.cells{}
table.cells tr{}
table.cells p{margin-bottom: 0;}
table.cells td{ padding: 3px 5px; border: 1px solid #ccc; text-align: center; vertical-align: middle;}
table.cells td.left{text-align: left; padding-right: 5px;}

/*unternehmen*/
table.no_border tr{border: none;}
.small table td{ min-width: 80px; padding-right: 15px;}
/*suchmaschine*/
.mod_search form{display: none;}
.mod_search h3{margin-top: 25px;}
.mod_search .highlight{color: #c93; font-weight: 700;}

/*downloadarticle*/
#main .downloadarticle{position: absolute; left:560px; top: 25px; width:200px;}
#main .downloadarticle h2{margin-bottom: 12px;}

/*rechte Spalte*/
#right .ce_image{padding: 7px; background: rgb(255,255,255); background: rgba(255,255,255,.85);}
#right .ce_image img{}
#right .ce_image .caption{ background: none; border-bottom: none; padding-bottom: 0;}

